<style>
    .form-copy {
        margin-right: 5px;
        border-radius: 0;
        box-shadow: none;
        padding: 4px 12px 7px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border: 1px solid #ccc;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .select2 {
        margin-right: 5px
    }
</style>
<div class="btn-group" style="margin-right: 10px">
    <form action="{{ $action }}" pjax-container method="get">
        <input type="text" class="form-copy" style=" width:150px;" name="planId" value="{{ $filtersBlade['planId'] }}" placeholder="PlanId">
        <input type="text" class="form-copy" style=" width:150px;" name="name" value="{{ $filtersBlade['taskId'] }}" placeholder="TaskId">
        <select id="planStatus" name="planStatus">
            {{ $filtersBlade['planStatus'] }}
        </select>
        <select id="taskStatus" name="taskStatus">
            {{ $filtersBlade['taskStatus'] }}
        </select>
        <select id="status" name="status">
            {{ $filtersBlade['status'] }}
        </select>
        <button class="btn btn-sm btn-info submit"><i class="fa fa-search"></i>&nbsp;&nbsp;{{ trans('admin.search') }}</button>
        <a style="margin-left: 10px;" href="{{ $action }}" class="btn btn-sm btn-default"><i class="fa fa-undo"></i>&nbsp;&nbsp;{{ trans('admin.reset') }}</a>
    </form>
</div>
<script language="JavaScript" type="text/javascript">
    $(function () {
        $('#planStatus').select2({placeholder: '计划状态', allowClear: true, width: '120px'});
        $('#taskStatus').select2({placeholder: '任务状态', allowClear: true, width: '120px'});
        $('#status').select2({placeholder: '状态', allowClear: true, width: '100px'});
    });
</script>
